<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>index</title>

    <!-- font-icon -->
    <link rel="stylesheet" href="${ctxFrontStatic }/libs/font-welkin/css/iconfont.css">
    <!-- bootstrap-core -->
    <link rel="stylesheet" href="${ctxFrontStatic }/libs/bootstrap/v3.3.7/css/bootstrap.min.css">

    <!-- plugins -->
    <link rel="stylesheet" href="${ctxFrontStatic }/libs/bootstrap-table/v1.11.0/bootstrap-table.min.css">
    <link rel="stylesheet" href="${ctxFrontStatic }/libs/bootstrap-validator/css/bootstrapValidator.css">
    <link rel="stylesheet" href="${ctxFrontStatic }/libs/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css">

    <link rel="stylesheet" href="${ctxFrontStatic }/style/welkin.css">
    <link rel="stylesheet" href="${ctxFrontStatic }/style/header.css">
    <link rel="stylesheet" href="${ctxFrontStatic }/style/app.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="${ctxFrontStatic }/libs/html5shiv.min.js"></script>
    <script src="${ctxFrontStatic }/libs/respond.min.js"></script>
    <![endif]-->


</head>
<body>
<section class="main" style="padding-top: 20px">
    <div class="container-fluid ">

        <div class="wlk-top">
            <div class="row">
                <div class="col-sm-2">
                    <img src="${ctxFrontStatic }/images/invoice-application.png" alt=""/>
                </div>
                <div class="col-sm-3" style="margin-left: -29px;">
                    <p class="p-title">申请发票</p>
                    <p class="p-en">Invoice Application</p>
                </div>
            </div>
        </div>
        <div class="wlk-top">
            <div class="row">
                <div class="col-sm-7 invoice-amount">
                    <p>可索取发票金额:<span class="num">0</span>元</p>
                </div>
                <div class="col-sm-16 warn">
                    <div class="col-sm-2">
                        <img src="${ctxFrontStatic }/images/caution.png" alt="">
                    </div>
                    <div class="col-sm-22">
                        <p class="warn-txt">1、开票条件:个人开发者可申请普通发票(一千元起),企业开发者可申请普通发票(一千元起)或增值税专用发票(一万元起)</p>
                        <p class="warn-txt">2、因税务机关账务结算原因,每月25号期前提交的开票申请当月受理,之后申请延期至下月受理</p>
                        <p class="warn-txt">3、请仔细核对发票抬头、金额、税号、地址及其他相关信息,因为信息填写错误导致的发票开具、邮寄出错,将不能重开</p>
                        <p class="warn-txt">4、发票开具后,除发生开票有误、发票抵扣联、发票联均无法认证等情形外,不予退还</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="wlk-bottom">
            <div class="invoice-cont">
                <div class="row title-box">
                    <div class="title">
                        <span class="title-line"></span>
                        <span class="title-w">发票信息</span>
                    </div>
                </div>
                <form>
                    <div class="form-horizontal">
                        <div class="form-group">
                            <label class="control-label col-sm-6">发票类型</label>
                            <div class="col-sm-4">
                                <label>
                                    <input type="radio">增值税普通发票
                                </label>
                            </div>
                            <div class="col-sm-4">
                                <label>
                                    <input type="radio">增值税专用发票
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-6">发票内容</label>
                            <div class="col-sm-4">
                                <label>
                                    <input type="radio">信息服务费
                                </label>
                            </div>
                            <div class="col-sm-4">
                                <label>
                                    <input type="radio">技术服务费
                                </label>
                            </div>
                            <div class="col-sm-4">
                                <label>
                                    <input type="radio">信息技术服务费
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-6" for=""><span class="asterisk">*</span>开具发票金额</label>
                            <div class="col-sm-12">
                                <input type="text" class="form-control" placeholder="请填写开具金额">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-6" for=""><span class="asterisk">*</span>发票抬头</label>
                            <div class="col-sm-12">
                                <input type="text" class="form-control" placeholder="请填写发票抬头">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-6" for=""><span class="asterisk">*</span>纳税人识别号</label>
                            <div class="col-sm-12">
                                <input type="text" class="form-control" placeholder="请在此输入纳税人识别号">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-6" for=""><span class="asterisk">*</span>注册地址</label>
                            <div class="col-sm-12">
                                <input type="text" class="form-control" placeholder="请在此填写完整注册地址">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-6" for=""><span class="asterisk">*</span>注册电话</label>
                            <div class="col-sm-12">
                                <input type="text" class="form-control" placeholder="请在此填写正确注册电话">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-6" for=""><span class="asterisk">*</span>开户银行</label>
                            <div class="col-sm-12">
                                <input type="text" class="form-control" placeholder="请在此填写开户银行信息">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-6" for=""><span class="asterisk">*</span>开户账号</label>
                            <div class="col-sm-12">
                                <input type="text" class="form-control" placeholder="请在此填写开户银行账号信息">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-6" for="">备注</label>
                            <div class="col-sm-12">
                                <textarea class="form-control config-area" name="" id="" cols="30" rows="5"></textarea>
                            </div>
                        </div>
                    </div>
                </form>
                <div class="row title-box">
                    <div class="title">
                        <span class="title-line"></span>
                        <span class="title-w">收件信息</span>
                    </div>
                </div>

                <form>
                    <div class="form-horizontal">

                        <div class="form-group">
                            <label class="control-label col-sm-6" for=""><span class="asterisk">*</span>收件人</label>
                            <div class="col-sm-12">
                                <input type="text" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-6" for=""><span class="asterisk">*</span>联系电话</label>
                            <div class="col-sm-12">
                                <input type="text" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-6" for=""><span class="asterisk">*</span>收件地址</label>
                            <div class="col-sm-12">
                                <input type="text" class="form-control" placeholder="请规范填写: 省市区(县)等信息">
                            </div>
                        </div>
                    </div>
                </form>
                <div class="row col-sm-offset-8">
                    <div class="col-sm-4">
                        <button type="button" class="btn btn-info">确认提交</button>
                    </div>
                    <div class="col-sm-4">
                        <button type="button" class="btn btn-default">取消</button>
                    </div>
                </div>
            </div>

        </div>

    </div>
    </div>


</section>


<!--js-->
<script src="${ctxFrontStatic }/libs/jquery/v1.12.4/jquery.min.js"></script>
<script src="${ctxFrontStatic }/libs/bootstrap/v3.3.7/js/bootstrap.js"></script>
<script src="${ctxFrontStatic }/libs/bootstrap-validator/js/bootstrapValidator.js"></script>
<script src="${ctxFrontStatic }/libs/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script src="${ctxFrontStatic }/libs/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${ctxFrontStatic }/libs/echarts/echarts.min.js"></script>
<script src="${ctxFrontStatic }/js/navbar.js"></script>


</body>
</html>